<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>ps博客布局</title>
		<style type="text/css">
			body {
				background: url(images/bg2.png);			
				background-image: cover;
				margin: 0 auto;
			}
			li >a {
				text-decoration: none;
				color: #000;
			}
			ul,
			li {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			ul {
				display: flex;
				height: 26px;
				background: #8fbbff;
			}
			
			li {
				line-height: 26px;
				color: #000323;
				margin-left: 32px;
			}
			li:first-of-type {
				margin-left: 20px;
			}
			table {
				width: 600px;
			}
			
			p {
				font-size: 11px;
			}
		</style>
	</head>

	<body>
		<table border="" cellspacing="0" cellpadding="0">
			<tr>
				<td>
					<img src="images/top.png" />
				</td>
			</tr>
			<tr>
				<td>
					<ul>
						<li><a href="">主页</a></li>
						<li><a href="">心情日记</a></li>
						<li><a href="">Free</a></li>
						<li><a href="">一起走到</a></li>
						<li><a href="">从明天起</a></li>
						<li><a href="">纸飞机</a></li>
						<li><a href="">下一站</a></li>
					</ul>
				</td>
			</tr>
			<tr>
				<td style="background-image: url(images/bg.png);
					background-repeat: no-repeat;
					background-position: right bottom;
					background-size: cover;">
					<div style="width: 118px;height:573px;padding:18px;float:left;text-align: center;background-color: #d2e6ff;">
						<a href=""><img src="images/people.png" /></a>
						<p style="position: relative;top: -16px;">我的日记本</p>

						<p style="color: #091d42;">他们彼此深信，是瞬间迸发的热情让他们相遇。 这让的确定是美丽的，但变幻无常更为美丽
						</p>

						<a href=""><img src="images/people2.png" /></a>
						<p style="position: relative;top: -16px;">心情轨迹</p>
						<p style="color: #091d42;">董事长的一切都让人既羡慕又嫉妒，但更让人受不了的是，有一天，上苍忽然赐给他一个神奇的礼物......
						</p>
					</div>
					<div style="width: 406px; float: right;padding: 20px 20px 0 20px;">
						<div>
							<a href="#javascript:;">介绍</a>
							<p>我努力的抓住世界，最后却仍被世界遗忘，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料随他去吧</p>
						</div>
						<div style="margin-right: 50px;margin-top: 40px;">
							<a href="#javascript:;">相册本子</a>
							<p>我们用人生最好的年华作抵押,去担保一个说出来都会被嘲笑的梦想。 做自己生命的主角,而不是别人生命中的看客。 总有人比你好看,比你聪明,比你年轻,但没人能取代你。 成功不是得到多少东西,而是看你把身上多余的东西扔掉多少。 凡是能站在别人的角度为他人着想,这个就是慈悲。 每天告诉自己一次:我真的很不错。 在穷的只剩下梦想的时候,你一定要比别人更加努力。

							</p>
						</div>
						<div  style="margin-right: 220px;margin-top: 40px;">
							<a href="#javascript:;">地下铁</a>
							<p>人生就是一场赌博怕输的人永远赢不了。 不要随便哭泣,因为就算哭泣也挽留不住什么。 我用坚强续写明天的谱,用执着走完未来的路。 想要走得快,就单独上路;想要走得远,就结伴同行。 空想会想出很多绝妙的主意,但却办不成任何事情。

							</p>
						</div>
						<div  style="margin-right: 150px;margin-top: 40px;">
							<a href="#javascript:;">向右向左走</a>
							<p>Don’t let the noise of others’ opinions drowns out your own inner voice, and most important，have the courage to follow your heart and intuition</p>
						</div>

					</div>
				</td>
			</tr>
		</table>
	</body>

</html>